<template>
    <Card>
        <div style="text-align:center">
            <h3>{{user.nickname}}</h3>
        </div>
            
        <div style="text-align:center">
            <img :src="user.avatar" style="border-radius: 50%;width:50%;height:50%">
        </div>
        <div style="text-align:center">
            累计填写{{statistics.logAmount}}条日志,  共投入{{statistics.totalHours}}小时
        </div>
    </Card>
</template>


<script>

import {mapState} from 'vuex'

export default {
  computed:mapState({
    user:'user',
    statistics:'userSatistics'
  })
}
</script>

